<template>
  <div style="background-color: #fff">
    <Skeleton :width="80" :height="40" bg-color="red"></Skeleton>
    <!-- 轮播图 -->
    <XtxSlider :sliders="sliders"></XtxSlider>
    <HomePanel title="新鲜好物" sub-title="快来抢购">
      <template #right>
        <div>右侧内容</div>
      </template>
      <template #main>
        <div>主体内容</div>
      </template>
    </HomePanel>
    <XtxBread seperator=">">
      <XtxBreadItem to="/">一</XtxBreadItem>
      <XtxBreadItem>二</XtxBreadItem>
    </XtxBread>
  </div>
</template>

<script>
import { ref } from 'vue'
export default {
  setup () {
    const sliders = ref([
      {
        hrefUrl: '/#/',
        id: '630000201807155635',
        imgUrl: 'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b1.jpg'
      },
      {
        hrefUrl: '/#/',
        id: '650000201207058528',
        imgUrl: 'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b2.jpg'
      }
    ])
    return {
      sliders
    }
  }

}
</script>

<style>

</style>
